import axios, { type AxiosResponse } from 'axios'
import pinia from '../store/index'

import { useUserInfoStore } from '../store/userInfo'

import { ElMessage, ElMessageBox } from 'element-plus'

/* 定义response对象的data接口 */
interface ResponseData<T> {
	code: number
	data: T
	message: string
}

const service = axios.create({
	baseURL: 'https://www.dance365.com/apis',
	timeout: 50000,
})

// 请求拦截器
service.interceptors.request.use((config: any) => {
	return config
})

// 响应拦截器
service.interceptors.response.use(
	/* 约束一下response */
	async (response: AxiosResponse<ResponseData<any>>) => {
		// 对响应数据做点什么
		const res = response.data
		if (res.code !== 200) {
			/* 成功数据的code值为20000/200 */
			// 统一的错误提示
			ElMessage({
				message:
					(typeof res.data == 'string' && res.data) ||
					res.message ||
					'Error',
				type: 'error',
				duration: 5 * 1000,
			})

			// `token` 过期或者账号已在别处登录
			if (response.status === 401) {
				const storeUserInfo = useUserInfoStore(pinia)
				await storeUserInfo.reset()
				window.location.href = '/' // 去登录页
				ElMessageBox.alert('你已被登出，请重新登录', '提示', {})
					.then(() => {})
					.catch(() => {})
			}
			return Promise.reject(service.interceptors.response)
		} else {
			return res.data /* 返回成功响应数据中的data属性数据 */
		}
	},
	(error) => {
		// 对响应错误做点什么
		if (error.message.indexOf('timeout') != -1) {
			ElMessage.error('网络超时')
		} else if (error.message == 'Network Error') {
			ElMessage.error('网络连接错误')
		} else {
			if (error.response.data) ElMessage.error(error.response.statusText)
			else ElMessage.error('接口路径找不到')
		}
		return Promise.reject(error)
	}
)

export default service
